<template>
        <view>
            <view class="no-data" v-if="LoadingType == 0">
                    <image src="/static/images/not-data-icon.png" class="no-data-icon" />
                {{noDataStr}}
            </view>
            <view class="no-more" v-if="LoadingType == 1">{{noMoreStr}}</view>
        </view>
</template>
<script>

export default {
        props:{
             LoadingType:{
                 type:[String,Number],
                 default:'none'
             },
             noMoreStr:{
                 type:String,
                 default:'抱歉,没有更多商品'
             },
             noDataStr:{
                 type:String,
                 default:'抱歉,暂时没有商品'
             }
        }
}
</script>
<style lang="scss">
    .no-more{
        text-align: center;
        font-size:24rpx;
        color:#d1d1d1;
        padding: 15rpx 0;  
    }
    .no-data{
        text-align: center;
        font-size:24rpx;
        color:#d1d1d1;
        padding: 80rpx 0;
        &-icon{
            width: 189rpx;
            height: 201rpx;
            margin: 0 auto 22rpx;
            display: block;
            
        }
    }
</style>